<template>
  <!-- 实时工况 -->
  <view class="conter">
    <cc-goback title='实时工况' color="#fff"></cc-goback>
    <view class="navigation_head"></view>
    <uni-card>
      <navigator class="head_a" url="../working_condition/working_condition">
        企业一
        <image src="../../static/organization_ranking/xl.png" mode=""></image>
      </navigator>
    </uni-card>
    <!-- 列表卡片 -->
    <uni-card>
      <view class="list">
        <!-- 表格 -->
        <uni-table border stripe>
          <!-- 表头行 -->
          <uni-tr>
            <uni-th width="25%" align="center">编号</uni-th>
            <uni-th width="25%" align="center">设备名称</uni-th>
            <uni-th width="25%" align="center">设备总功率</uni-th>
            <uni-th width="25%" align="center">功率</uni-th>
          </uni-tr>
          <!-- 表格数据行 -->
          <uni-tr>
            <uni-td align="center">213453</uni-td>
            <uni-td align="center">7号电机</uni-td>
            <uni-td align="center">623w</uni-td>
            <uni-td align="center" style="color: #1677FF;">运行</uni-td>
          </uni-tr>
          <uni-tr>
            <uni-td align="center">213453</uni-td>
            <uni-td align="center">7号电机</uni-td>
            <uni-td align="center">344w</uni-td>
            <uni-td align="center" style="color: #FF7F6C;">故障</uni-td>
          </uni-tr>
          <uni-tr>
            <uni-td align="center">213453</uni-td>
            <uni-td align="center">7号电机</uni-td>
            <uni-td align="center">623w</uni-td>
            <uni-td align="center" style="color: #999999;">停机</uni-td>
          </uni-tr>
          <uni-tr v-for="item in 15">
            <uni-td align="center">213453</uni-td>
            <uni-td align="center">7号电机</uni-td>
            <uni-td align="center">623w</uni-td>
            <uni-td align="center" style="color: #1677FF;">运行</uni-td>
          </uni-tr>
        </uni-table>
      </view>
    </uni-card>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    }
  }
</script>

<style lang="scss">
  .conter {
    background: #F7F7F7;
    overflow: hidden;
  }
  .navigation_head{
    height: calc(88rpx + var(--status-bar-height));
  }

  .head_a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;

    image {
      width: 22rpx;
      height: 12rpx;
      margin-left: 10rpx;
    }
  }
</style>
